export function SearchIcon(): JSX.Element {
	return (
		<svg width="16px" height="16px" viewBox="0 0 16 16" class="svg-icon-search">
			<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
				<path
					d={`M7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.57190212 13.4818819,10.0227913 12.6071076,11.1912056 L15.7071068,14.2928932 
					C16.0976311,14.6834175 16.0976311,15.3165825 15.7071068,15.7071068 C15.3466228,16.0675907 14.7793918,16.0953203 14.3871006,15.7902954 
					L14.2928932,15.7071068 L11.1912056,12.6071076 C10.0227913,13.4818819 8.57190212,14 7,14 C3.13400675,14 5.5067062e-14,10.8659932 
					5.5067062e-14,7 C5.5067062e-14,3.13400675 3.13400675,0 7,0 Z M7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375 4.23857625,12 
					7,12 C9.76142375,12 12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 Z`}
					fill="#71757F"
				></path>
			</g>
		</svg>
	);
}

export function ClearIcon(): JSX.Element {
	return (
		<svg width="16px" height="16px" viewBox="0 0 16 16">
			<title>清空</title>
			<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
				<path
					d={`M4.61289944,3.20970461 L4.70710678,3.29289322 L8,6.585 L11.2928932,3.29289322 C11.6834175,2.90236893 12.3165825,2.90236893 
					12.7071068,3.29289322 C13.0675907,3.65337718 13.0953203,4.22060824 12.7902954,4.61289944 L12.7071068,4.70710678 L9.415,8 
					L12.7071068,11.2928932 C13.0976311,11.6834175 13.0976311,12.3165825 12.7071068,12.7071068 C12.3466228,13.0675907 11.7793918,13.0953203 
					11.3871006,12.7902954 L11.2928932,12.7071068 L8,9.415 L4.70710678,12.7071068 C4.31658249,13.0976311 3.68341751,13.0976311 
					3.29289322,12.7071068 C2.93240926,12.3466228 2.90467972,11.7793918 3.20970461,11.3871006 L3.29289322,11.2928932 L6.585,8 
					L3.29289322,4.70710678 C2.90236893,4.31658249 2.90236893,3.68341751 3.29289322,3.29289322 C3.65337718,2.93240926 4.22060824,2.90467972 
					4.61289944,3.20970461 Z`}
					fill-rule="nonzero"
				></path>
			</g>
		</svg>
	);
}

export function SaveIcon(props: Record<string, any>): JSX.Element {
	return (
		<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1">
			<title>{props.textConfig.createFilter}</title>
			<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
				<path
					d={`M12,1 L15,4 L15,13 C15,14.1045695 14.1045695,15 13,15 L3,15 C1.8954305,15 1,14.1045695 1,13 L1,3 C1,1.8954305 
					1.8954305,1 3,1 L12,1 Z M11.171,3 L3,3 L3,13 L4,13 L4,10 C4,9.48716416 4.38604019,9.06449284 4.88337887,9.00672773 
					L5,9 L11,9 C11.5128358,9 11.9355072,9.38604019 11.9932723,9.88337887 L12,10 L12,13 L13,13 L13,4.829 L11.171,3 Z 
					M9.999,10.999 L5.999,10.999 L6,13 L10,13 L9.999,10.999 Z M7,5 C7.55228475,5 8,5.44771525 8,6 C8,6.55228475 7.55228475,7 
					7,7 L5,7 C4.44771525,7 4,6.55228475 4,6 C4,5.44771525 4.44771525,5 5,5 L7,5 Z`}
					fill-rule="nonzero"></path>
			</g>
		</svg>
	);
}

export function MoreIcon(): JSX.Element {
	return (
		<svg width="16px" height="16px" viewBox="0 0 16 16">
			<title>查看全部过滤条件</title>
			<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
				<path
					d={`M1,2 L3,2 L3,4 L1,4 L1,2 Z M1,7 L3,7 L3,9 L1,9 L1,7 Z M1,12 L3,12 L3,14 L1,14 L1,12 Z M5,2 L15,2 L15,4 L5,4 L5,2 Z M5,7 
					L15,7 L15,9 L5,9 L5,7 Z M5,12 L15,12 L15,14 L5,14 L5,12 Z`}
					fill-rule="nonzero"></path>
			</g>
		</svg>
	);
}